<template>
  <div>
    我是第{{ message.id }}个组件
    <ul>
      <li>我的名字是{{ message.uname }}</li>
      <li>我的姓是{{ message.famliyName }}</li>
      <li>我的年龄是{{ message.age }}</li>
      <li>我的职业是{{ message.profess }}</li>
      <li><button @click="OneYear">过了一年</button></li>
    </ul>
   </div>
</template>
 
<script>
export default {
/* 子组件通过props接收 message 字符串形式*/
  props: ['message'],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    OneYear(){
      this.$emit('OneYear',this.message.age)
    }
  }
};
</script>

<style scoped>
     
</style>